<?php
$oferta = explode("|", $oferta);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <?php $this->load->view('head'); ?>
            <link type="text/css" href="<?php echo base_url() . "css/redmond/jquery-ui-1.8.14.custom.css"; ?>" rel="stylesheet" />
            <script src="<?php echo base_url() . "js/jquery-ui-1.8.14.custom.min.js"; ?>" type="text/javascript"></script>
            <script src="<?php echo base_url() . "js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
            <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url() . "css/ui.jqgrid.css" ?>" />
            <script src="<?php echo base_url() . "js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
            <script src="<?php echo base_url() . "js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
            <style type="text/css">
                .ui-jqgrid tr.jqgrow td {
                white-space: normal !important;
                height:auto;
                vertical-align:text-top;
                padding-top:2px;
                }
            </style>
            <title></title>
            <script type="text/javascript">
                $(document).ready(function(){
                    jQuery("#list").jqGrid({
                        url: '<?php echo site_url("grilla/consPostulados/$oferta[0]"); ?>',
                        datatype: 'json',
                        mtype: 'POST',
                        colNames:['Acción','Preseleccion','FecPreseleccion','TipDoc','Documento','Nombres','Apellidos','Fecha Postulación'],
                        colModel :[
                            {name:'accion',index:'accion', width:85,sortabel:false,search:false},
                            {name:'preSel',index:'postu.postulacionPreseleccion', width:105,sortabel:false,align:"center",search:false},
                            {name:'postu.postulacionFechaPreseleccion',index:'postu.postulacionFechaPreseleccion', width:140,sortabel:false,align:"center",search:false},
                            {name:'perso.personaTipoDocumento',index:'perso.personaTipoDocumento', width:75,sortabel:false,align:"center",search:false},
                            {name:'perso.personaDocumento',index:'perso.personaDocumento', width:140,align:"right"},
                            {name:'Nombres',index:'perso.personaNombres', width:220},
                            {name:'Apellidos',index:'perso.personaApellidos', width:220},
                            {name:'postulacionFecha',index:'postulacionFecha', width:160,editable:true}
                        ],
                        loadComplete: function(){
                            var ids = jQuery("#list").getDataIDs();
                            for(var i=0;i < ids.length;i++){
                                var cl = ids[i];
                                var ret = jQuery("#list").getRowData(cl);
                                if(ret.preSel == "No" || ret.preSel == ""){
                                    var se = "<input type='button' value='Cancelar' onclick=\"fnCanPostu('" + cl + "')\" />";
                                }else if(ret.preSel == "Si"){
                                    var se = "Preseleccionado";
                                }
                                jQuery("#list").setRowData(cl,{accion:se});
                            }
                        },
                        pager: jQuery('#pager'),
                        rowNum:50,
                        rowList:[10,20,30,50],
                        sortname: 'postulacionFecha',
                        sortorder: "asc",
                        viewrecords: true,
                        caption: 'PERSONAS POSTULADAS A LA VACANTE',
                        height:260
                    });
                    jQuery("#list").jqGrid('navGrid','#pager',{del:false,add:false,edit:false,view:true},{},{},{},{multipleSearch:true},{closeOnEscape:true});
                    //Barra de navegación
                }); //fin $(document).ready(function(){
                function fnCanPostu(idpostu){
                    var ret = jQuery("#list").getRowData(idpostu);
                    if(confirm("¿Esta seguro que desea cancelar la postulacion de: " + ret.Nombres + " " + ret.Apellidos + "?")){
                        $.post("<?php echo site_url("cargas/cancePostula/"); ?>", {postul:idpostu}, function(data){
                            alert(data);
                            $('#list').trigger('reloadGrid');
                            window.opener.recGrilla();
                            return;
                        });
                    }
                    return;
                }
            </script>
    </head>
    <body>
        <div style="font-size: 14px;text-align: center">POSTULADOS PARA EL CARGO DE <span style="color:red"><?php echo strtoupper($oferta[2]); ?></span> DE LA EMPRESA <span style="color:red"><?php echo strtoupper($oferta[1]); ?></span></div>
        <BR/>
        <div style="text-align: center">
            <input type="button" value="BUSQUEDA AVANZADA" onclick="jQuery('#list').jqGrid('searchGrid',{multipleSearch:true});" />

            <input type="button" value="VER SELECCIÓN" onclick="$('#view_list').trigger('click');" />
        </div>
        <div id="pager" class="scroll" style="text-align:center;"></div>
        <table id="list" class="scroll" style="font-size: 14px"></table>
    </body>
</html>
